.van-nav-bar {
  border: solid 5px black;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}



.van-button { /* 按钮美化 */
	width: 270px; /* 宽度 */
	height: 40px; /* 高度 */
	border-width: 0px; /* 边框宽度 */
	border-radius: 5px; /* 边框半径 */
	background: #1E90FF; /* 背景颜色 */
	cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
	outline: none; /* 不显示轮廓线 */
	font-family: Microsoft YaHei; /* 设置字体 */
	color: white; /* 字体颜色 */
	font-size: 17px; /* 字体大小 */
}
.van-button:hover { /* 鼠标移入按钮范围时改变颜色 */
	background: #5599FF;  
}



.van-loading,
.van-loading:before,
.van-loading:after {
  background: #ccc;
  /*
  * load1：执行的动画名
  * 1s：执行一秒
  * infinite：执行无限次
  * ease-in-out：动画以低速开始和结束
  */
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.van-loading:before,
.van-loading:after {
  position: absolute;
  top: 0;
  content: '';
}
.van-loading:before {
  left: -1.5em;
}
.van-loading {
  text-indent: -9999em;
  /* margin: 40% auto; */
  position: fixed;
  left: 50%;
  top: 50%;
  font-size: 11px;
  /* 延时0.16s */
  animation-delay: 0.16s;
}
.van-loading:after {
  left: 1.5em;
  /* 延时0.32s */
  animation-delay: 0.32s;
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ccc;
    height: 4em;
  }
  40% {
	/* 实现上部拉伸 */
    box-shadow: 0 -2em #ccc;
	/* 实现下部拉伸 */
    height: 5em;
  }
}



.van-tips {
  background: black;
  opacity: .5;
  color: #fff;
  position: fixed;
  bottom: 20%;
  left: 50%;
  padding: 10px;
  border-radius: 10px;
}